<!-- lq-配送时间弹窗 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0" />
    <title>配送时间弹窗</title>
    <link rel="stylesheet" href="./css/delivery-time-popup.min.css">
    <link rel=" shortcut icon" href="./fonts/favicon.ico" type="image/x-icon" />
</head>

<body>
    <div class="wrap">
        <!-- 头部 -->
        <div class="button">填写订单</div>
        <!-- 信息 -->
        <div class="info-box">
            <!-- 收货信息 -->
            <div class="receive">
                <span>收货信息</span><span>请选择收货信息</span>
            </div>
            <hr>
            <!-- 送达日期 -->
            <div class="date">
                <span>送达时间</span><span>2022-12-30</span>
            </div>
            <hr>
            <!-- 配送时间-->
            <div class="time">
                <span>配送时间</span><span>不限时段</span>
            </div>
            <hr>
            <!-- 配送方式-->
            <div class="method">
                <span>配送方式</span><span>市区免费配送</span>
            </div>
            <div class="rainbow"></div>
        </div>

        <!-- 不限时段 -->
        <div class="unlimited">
            <div class="unlimited-time"><span>不限时段</span> </div>
            <hr>
            <div class="unlimited-time"><span>8:00-10:00</span> </div>
            <hr>
            <div class="unlimited-time"><span>10:00-12:00</span> </div>
            <hr>
            <div class="unlimited-time"><span>12:00-14:00</span> </div>
            <hr>
            <div class="unlimited-time"><span>14:00-16:00</span> </div>
            <hr>
            <div class="unlimited-time"><span>16:00-18:00</span> </div>
            <hr>
            <div class="unlimited-time"><span>18:00-20:00</span> </div>
        </div>
        
    </div>
</body>

</html>